<template>
  <section class="feeds-wrapper">
    <section class="feeds-container">
      <section class="unit-item" v-for="item in category">
        <ProductFeedsUnit :unit="item"></ProductFeedsUnit>
      </section>
    </section>
  </section>
</template>
<script setup lang="ts">
import { getCategories } from '../../api/productApi';
import ProductFeedsUnit from './ProductFeedsUnit.vue';
const category = getCategories().slice(1);
</script>
<style scoped>
.feeds-wrapper {
  background-color: #f3f3f3;
}
.feeds-container {
  width: 1226px;
  min-width: 1226px;
  margin: 40px auto 0;
  padding: 0 0 40px;
}
.unit-item + .unit-item {
  margin-top: 10px;
}
</style>